import React from 'react'
import './register.less'
import tou from '../../../assets/images/头像.png'
import my1 from '../../../assets/images/车友圈.png'
import { useHistory } from 'react-router-dom'



const Register = () => {
    const history = useHistory()
    const clear = () => {
        localStorage.clear()
        // history.push('/home/my')
        // history.push('/home/main')
        
        location.reload();
    }
    return (

        <>
            <div className="my-header">
                <div className="header-info">
                    <div className="info-img">
                        <img src={tou} alt="" />
                    </div>
                    <div className="info-username">
                        <div>用户210403</div>
                    </div>
                </div>
            </div>
            <div className='mask'></div>
            <div className="my-main">

                <div className="my-all" onClick={() => window.location.href = "/home/info"}>
                    <div className="my-icon"  >
                        <svg t="1642163031364" class="icon" viewBox="0 0 1159 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6087" width="200" height="200"><path d="M1088.731 85.857c7.486 15.186-0.014 34.184-16.746 42.433L247.459 534.728c-16.735 8.25-36.37 2.625-43.855-12.56-7.485-15.184 0.013-34.183 16.748-42.432l824.525-406.438c16.734-8.248 36.368-2.626 43.854 12.56z" p-id="6088"></path><path d="M1067.131 69.833c16.507 3.765 27.377 17.834 24.278 31.421L938.702 770.787c-3.1 13.587-18.995 21.552-35.5 17.786-16.506-3.764-27.374-17.831-24.274-31.42l152.705-669.531c3.098-13.589 18.993-21.553 35.498-17.789z" p-id="6089"></path><path d="M1059.32 99.368c12.483 11.436 14.63 29.416 4.79 40.156l-484.802 529.24c-9.84 10.742-27.938 10.176-40.422-1.257-12.483-11.437-14.626-29.413-4.786-40.156L1018.9 98.111c9.839-10.741 27.937-10.177 40.42 1.257zM502.153 622.73c-6.02 16.604-24.36 25.185-40.965 19.166l-240.527-87.19c-16.606-6.02-25.187-24.36-19.168-40.965 6.02-16.605 24.36-25.186 40.965-19.167l240.526 87.192c16.606 6.018 25.187 24.36 19.169 40.964zM937.345 775.375c-6.019 16.605-24.36 25.186-40.966 19.167L655.851 707.35c-16.603-6.019-25.185-24.36-19.165-40.964s24.362-25.185 40.964-19.166l240.528 87.19c16.604 6.02 25.184 24.36 19.167 40.965z" p-id="6090"></path><path d="M585.576 911.117c0 17.662-14.318 31.98-31.98 31.98-17.663 0-31.981-14.318-31.981-31.98V655.275c0-17.662 14.318-31.98 31.98-31.98 17.663 0 31.98 14.318 31.98 31.98v255.842z" p-id="6091"></path></svg>
                    </div>
                    <div className="my-text">
                        我的动态
                    </div>
                    <div className="my-littleicon">
                        <svg t="1642163065179" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6236" width="200" height="200"><path d="M332.501333 183.168a42.666667 42.666667 0 0 1 57.621334-2.496l2.709333 2.496 298.666667 298.666667a42.666667 42.666667 0 0 1 2.496 57.621333l-2.496 2.709333-298.666667 298.666667a42.666667 42.666667 0 0 1-62.826667-57.621333l2.496-2.709334L600.96 512 332.501333 243.498667a42.666667 42.666667 0 0 1-2.496-57.621334l2.496-2.709333z" p-id="6237"></path></svg>
                    </div>
                </div>
                <hr style={{ opacity: "0.2" }} />
                <div className="my-all" onClick={() => window.location.href = "/home/info"}>
                    <div className="my-icon">
                        <svg t="1642164030588" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6382" width="200" height="200"><path d="M821.333333 800H547.584l-86.464 96.074667a32 32 0 1 1-47.573333-42.816l96-106.666667A32 32 0 0 1 533.333333 736h288a53.333333 53.333333 0 0 0 53.333334-53.333333V234.666667a53.333333 53.333333 0 0 0-53.333334-53.333334H202.666667a53.333333 53.333333 0 0 0-53.333334 53.333334v448a53.333333 53.333333 0 0 0 53.333334 53.333333h138.666666a32 32 0 0 1 0 64H202.666667c-64.8 0-117.333333-52.533333-117.333334-117.333333V234.666667c0-64.8 52.533333-117.333333 117.333334-117.333334h618.666666c64.8 0 117.333333 52.533333 117.333334 117.333334v448c0 64.8-52.533333 117.333333-117.333334 117.333333zM704 341.333333a32 32 0 0 1 0 64H320a32 32 0 0 1 0-64h384zM512 512a32 32 0 0 1 0 64H320a32 32 0 0 1 0-64h192z" p-id="6383"></path></svg>                    </div>
                    <div className="my-text">
                        互动消息
                    </div>
                    <div className="my-littleicon">
                        <svg t="1642163065179" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6236" width="200" height="200"><path d="M332.501333 183.168a42.666667 42.666667 0 0 1 57.621334-2.496l2.709333 2.496 298.666667 298.666667a42.666667 42.666667 0 0 1 2.496 57.621333l-2.496 2.709333-298.666667 298.666667a42.666667 42.666667 0 0 1-62.826667-57.621333l2.496-2.709334L600.96 512 332.501333 243.498667a42.666667 42.666667 0 0 1-2.496-57.621334l2.496-2.709333z" p-id="6237"></path></svg>
                    </div>
                </div>

                <hr style={{ opacity: "0.2" }} />

                <div className="my-all" onClick={() => window.location.href = "/home/server"}>
                    <div className="my-icon">
                        {/* <img src={my1} alt="" /> */}
                        <svg t="1642164112614" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7160" width="200" height="200"><path d="M512 85.333333c191.04 0 352.768 125.568 407.146667 298.666667h-90.624C777.898667 258.944 655.253333 170.666667 512 170.666667 323.477333 170.666667 170.666667 323.477333 170.666667 512s152.810667 341.333333 341.333333 341.333333c143.253333 0 265.877333-88.234667 316.522667-213.333333h90.624C864.746667 813.12 703.04 938.666667 512 938.666667 276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333z m0 256a170.666667 170.666667 0 1 1 0 341.333334 170.666667 170.666667 0 0 1 0-341.333334z m0 85.333334a85.333333 85.333333 0 1 0 0 170.666666 85.333333 85.333333 0 0 0 0-170.666666z m377.365333 36.672a50.666667 50.666667 0 1 1 0 101.333333 50.666667 50.666667 0 0 1 0-101.333333z" fill="#1F2129" p-id="7161"></path></svg>                    </div>
                    <div className="my-text">
                        我的车友圈
                    </div>
                    <div className="my-littleicon">
                        <svg t="1642163065179" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6236" width="200" height="200"><path d="M332.501333 183.168a42.666667 42.666667 0 0 1 57.621334-2.496l2.709333 2.496 298.666667 298.666667a42.666667 42.666667 0 0 1 2.496 57.621333l-2.496 2.709333-298.666667 298.666667a42.666667 42.666667 0 0 1-62.826667-57.621333l2.496-2.709334L600.96 512 332.501333 243.498667a42.666667 42.666667 0 0 1-2.496-57.621334l2.496-2.709333z" p-id="6237"></path></svg>
                    </div>
                </div>
                <hr style={{ opacity: "0.2" }} />


            </div>
            <button onClick={clear} className='clear' style={{ fontFamily: 'LiShu', display: 'block' }} type="submit">注销</button>
            {/* <div className='' onClick={clear}>注销</div> */}
        </>
    )
}

export default Register